<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>门店管理</title>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <style type="text/css">
        body {
            font-family: "微软雅黑";
            background-color: #EDEDED;
        }

        h2 {
            text-align: center;
        }

        table {
            margin: 0 auto;
            text-align: center;
            border-collapse: collapse;
            font-size: 16px;
            width: 90%;
        }

        td, th {
            padding: 7px;
        }

        th {
            background-color: #DCDCDC;
            width: 120px;
        }

        th.order {
            width: 30px;
        }

        th.tel {
            width: 80px;
        }

        th.opt {
            width: 70px;
        }

        th.addr {
            width: 250px;
        }

        hr {
            margin-bottom: 20px;
            border: 1px solid #aaa;
        }

        #add-door {
            text-align: center;
            font-size: 20px;
        }
    </style>
</head>
<body>
<h2>门店管理</h2>
<div id="add-door">
    <a href="door_add.html" target="rightFrame" th:href="@{/door/toSave}">新增门店</a>
</div>
<hr/>
<table border="1">
    <tr>
        <th class="order">序号</th>
        <th>门店名称</th>
        <th class="tel">联系电话</th>
        <th class="addr">门店地址</th>
        <th class="opt">操 作</th>
    </tr>
    <!-- 模版数据 -->
    <tr th:each="door,stat:${doors}">
        <td th:text="${stat.index + 1}">1</td>
        <td th:text="${door.name}">永和大王(北三环西路店)</td>
        <td th:text="${door.tel}">010-62112313</td>
        <td th:text="${door.addr}">北三环西路甲18号院-1号大钟寺中坤广场d座</td>
        <td>
            <a href="#" th:href="@{/door/remove/{id}(id=${door.id})}">删除</a>
            &nbsp;|&nbsp;
            <a href="#" th:href="@{/door/toUpdate/{id}(id=${door.id})}">修改</a>
        </td>
    </tr>
    <!--/*-->
    <tr>
        <td>2</td>
        <td>永和大王(北三环西路店)</td>
        <td>010-62112313</td>
        <td>北三环西路甲18号院-1号大钟寺中坤广场d座</td>
        <td>
            <a href="doorDelete?id=">删除</a>
            &nbsp;|&nbsp;
            <a href="doorInfo?id=">修改</a>
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td>永和大王(北三环西路店)</td>
        <td>010-62112313</td>
        <td>北三环西路甲18号院-1号大钟寺中坤广场d座</td>
        <td>
            <a href="doorDelete?id=">删除</a>
            &nbsp;|&nbsp;
            <a href="doorInfo?id=">修改</a>
        </td>
    </tr>
    <!--*/-->
</table>
</body>
</html>



